
.protect{
    text-align: center;
    font-size: 12px;
    color: #3D3D3D;
    span{
        &:first-child{
            @media screen and (min-width: 768px) {
                &:after{
                    content: ",";
                }
            }

        }
        @media screen and (max-width: 768px) {
            display: block;
        }
    }


    a{
        text-decoration: underline;
    }
}


.check-body{
    width: 520px;
    margin: 0 auto;
    @media screen and (max-width: 768px) {
        width: 100%;
    }
    .desc{
        width: 100%;
        font-size: 14px;
        text-align: center;
        margin-bottom: 52px;
        margin-top: 22px;
    }
    .form-main{
        .form-group{
            display: flex;

            margin-bottom: 48px;
            @media screen and (max-width: 768px) {
                display: block;
                margin-bottom: 20px;
            }
            label{
                font-size: 14px;
                width: 105px;
                padding-top: 10px;
                flex-shrink: 0;

                @media screen and (max-width: 768px) {
                    width: 100%;
                    display: block;
                    margin-bottom: 10px;
                }
            }
            .form-control{
                width: 565px;
                height: 40px;
                border: 1px solid #A7A7A7;
                border-radius: 4px;
                padding: 0 26px;
                background-color: transparent;
                flex-grow: 1;
                @media screen and (max-width: 768px) {
                    width: 100%;
                }

            }
            .form-textarea{
                height: 123px;
                padding:10px 26px;
            }
            .form-btn{
                width: 70%;
                margin: 0 auto;
                height: 46px;
                background: var(--main-color);
                border: none;
                color: #fff;
                font-size: 16px;
                border-radius: 4px;
                box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
                @media screen and (max-width: 768px) {
                    width: 100%;
                }
            }

            .code{
                width: 150px;
                height: 40px;

                margin-left: 20px;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }

    .foot{
        font-size: 14px;
        .li{
            margin-bottom: 40px;
        }
    }

}
